<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>发起投票 - 班级博客 </title>
    <%- include('./myClass/myClass-startVote.ejs')%>
</head>

<body>
    <%- include('./myClass/myClass-header.ejs')%>
    <!-- 内容区盒子 -->
    <div class="centerNav">
        <h1>
            <i class="iconfont">&#xe635;</i>
            发起投票
        </h1>
        <form>
            <!-- 投票名称 -->
            <div class="vote-name">
                <span>投票名称：</span>
                <input type="text" name="voteName">
            </div>
            <div class="clearfix"></div>
            <!-- 投票说明 -->
            <div class="vote-explain">
                <span>投票说明：</span>
                <textarea name="voteExplain" placeholder="输入您的投票内容说明"></textarea>
            </div>
            <!-- 截止时间 -->
            <div class="vote-endTime">
                <span>截止时间：</span>
                <input type="text" name="voteEndtime">
            </div>
            <!-- 投票隐私 -->
            <div class="vote-privacy">
                <span>投票隐私：</span>
                <label class="radio">
                    <input type="radio" name="votePrivacy" value="1" checked>
                    <i></i>
                    <h2>公开</h2>
                </label>
                <label class="radio">
                    <input type="radio" name="votePrivacy" value="2">
                    <i></i>
                    <h2>匿名（仅发布者可以查看投票人）</h2>
                </label>
            </div>
            <!-- 问题盒子 -->
            <div class="question">
                <div class="question-top">
                    <span>问题1</span>
                    <i class="iconfont xiala">&#xe645;</i>
                </div>
                <div class="question-center">
                    <!-- 标题 -->
                    <div class="title">
                        <span>标&nbsp;&nbsp;题</span>
                        <input type="text" name="questionTitle">
                    </div>
                    <!-- 模式 -->
                    <div class="mode">
                        <span>模&nbsp;&nbsp;式</span>
                        <label class="radio model-radio">
                            <input type="radio" name="votePrivacy" value="1" checked>
                            <i></i>
                            <h2>单选</h2>
                        </label>
                        <label class="radio model-radio">
                            <input type="radio" name="votePrivacy" value="2">
                            <i></i>
                            <h2>多选</h2>
                        </label>
                    </div>
                    <!-- 上传图片 -->
                    <div class="submitImg">
                        <span>图&nbsp;&nbsp;片</span>
                        <a href="javascript:;" class="addfile">
                            <i class="iconfont">&#xe634;</i>
                            选择要上传的图片
                            <input type="file" name="img">
                        </a>
                        <a href="javascript:;" class="img-select">未选择</a>
                    </div>
                    <!-- 选项1 -->
                    <div class="select-one">
                        <span>选项1</span>
                        <input type="text" name="select1">
                    </div>
                    <!-- 选项2 -->
                    <div class="select-one">
                        <span>选项2</span>
                        <input type="text" name="select2">
                    </div>
                </div>
            </div>
        </form>
        <div class="clearfix"></div>
        <button class="save-as-draft">保存草稿</button>
        <button class="submit-vote">确认发起</button>
    </div>
    <%- include('./myClass/myClass-foot.ejs')%>
    <%- include('./myClass/myClass-announce.ejs')%>
    <script src="./js/my-class.js"></script>
    <script src="./js/startVote.js"></script>
</body>

</html>